<template>
<div>
<h2 class='name'>我是{{name}}</h2>
<button @click="showMsg">打印第一种props传递来的数据</button>
<input type='text' />
</div>
</template>

<script>
export default {
    name:'Student',
    data(){
        return {
            name:'学生组件'
        }
    },
    // 这里接收路由第一种方法传递进来的props
    // props:['a','b'],
    // 这里接收路由第二种方法传递进来的props
    //props:['id','name2'],
    methods:{
        showMsg(){
            // 第一种
            // console.log(this.a,this.b)

            // 第二种
            //console.log(this.id,this.name2)
        }
    },
    mounted(){
        //console.log(this.$route.params)
    }
}
</script>


<style>
    .name{
        background: lightblue;
    }
</style>